﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <link rel="stylesheet" href="~/style/css/main.css" type="text/css" media="screen, projection" /> <!-- main stylesheet -->
    <link rel="stylesheet" type="text/css" media="all" href="~/style/css/tipsy.css" /> <!-- Tipsy implementation -->
    <!--[if lt IE 9]>
        <link rel="stylesheet" type="text/css" href="css/ie8.css" />
    <![endif]-->

    <script type="text/javascript" src="~/style/js/jquery-1.7.2.min.js"></script> <!-- uiToTop implementation -->
    <script type="text/javascript" src="~/style/js/custom-scripts.js"></script>
    <script type="text/javascript" src="~/style/js/jquery.tipsy.js"></script> <!-- Tipsy -->

    <script type="text/javascript">

        $(document).ready(function () {
            universalPreloader();
        });

        $(window).load(function () {

            //remove Universal Preloader
            universalPreloaderRemove();

            rotate();
            dogRun();
            dogTalk();

            //Tipsy implementation
            $('.with-tooltip').tipsy({ gravity: $.fn.tipsy.autoNS });

        });

    </script>


    <title>404 - Not found</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>

    <!-- Universal preloader -->
    <div id="universal-preloader">
        <div class="preloader">
            <img src="~/style/images/universal-preloader.gif" alt="universal-preloader" class="universal-preloader-preloader" />
        </div>
    </div>
    <!-- Universal preloader -->

    <div id="wrapper">
        <!-- 404 graphic -->
        <div class="graphic"></div>
        <!-- 404 graphic -->
        <!-- Not found text -->
        <div class="not-found-text">
            <h1 class="not-found-text">页面神秘失踪...</h1>
        </div>
        <!-- Not found text -->
        <!-- search form -->
        <div class="search">
            <form name="search" method="get" action="#" />
            <input type="text" name="search" value="搜索 ..." />
            <input class="with-tooltip" title="Search!" type="submit" name="submit" value="" />
            </form>
        </div>
        <!-- search form -->
        <!-- top menu -->
        <div class="top-menu">
            <a href="/Home/Index" class="with-tooltip" title="回到主页">主页</a> | <a href="/Login/Login" class="with-tooltip" title="重新登录">重新登录</a>
        </div>
        <!-- top menu -->

        <div class="dog-wrapper">
            <!-- dog running -->
            <div class="dog"></div>
            <!-- dog running -->
            <!-- dog bubble talking -->
            <div class="dog-bubble">

            </div>

            <!-- The dog bubble rotates these -->
            <div class="bubble-options">
                <p class="dog-bubble">
                    你迷路了吗，伙计?别担心，我是个优秀的导游!
                </p>
                <p class="dog-bubble">
                    <br />
                    Arf! Arf!
                </p>
                <p class="dog-bubble">
                    <br />
                    别担心!我在它!
                </p>
                <p class="dog-bubble">
                    我希望我有一块饼干<br /><img style="margin-top:8px" src="~/images/cookie.png" alt="cookie" />
                </p>
                <p class="dog-bubble">
                    <br />
                    天啊!这太烦人了!
                </p>
                <p class="dog-bubble">
                    <br />
                    我说的对吗?
                </p>
                <p class="dog-bubble">
                    或者我只是在兜圈子?不…
                </p>
                <p class="dog-bubble">
                    <br />
                    好吧，我现在正式迷路了……
                </p>
                <p class="dog-bubble">
                    我想我看到了 <br /><img style="margin-top:8px" src="~/images/cat.png" alt="cat" />
                </p>
                <p class="dog-bubble">
                    我们到底要找什么?
                </p>
            </div>
            <!-- The dog bubble rotates these -->
            <!-- dog bubble talking -->
        </div>

        <!-- planet at the bottom -->
        <div class="planet"></div>
        <!-- planet at the bottom -->
    </div>


</body>
</html>